<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=3.0,minimum-scale=1.0,user-scalable=1,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <style>
     /* 头部样式 */
     .topbar {background: #3A8B7A; height:50px; border-bottom: 1px solid #DDDFE3; }
     #title { color:#FFF;}
     .swipe {line-height: 50px;margin-right: 10px;color: #FF8400;}
     .back {float: left; padding-right: 30px;}
     .back img {height: 30px;margin-top: 10px;margin-left: 10px;margin-bottom: 10px;}
     .topbar .title {line-height: 50px; font-size: 22px; position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
     .right {float: right; padding-left: 30px;}
     .right img {height: 30px;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;}
    </style>
</head>
<body>
    <div id="wrap">
      <div class="titlebar activebar">
      <div id="header" class="topbar whitebar">
          <div class="back"  tapmode="" onclick="api.closeWin();"><img src="../image/btn/back.png" alt=""></div>
            <div class="title" id="title">查看链接</div>
          <div id="right" class="right"></div>
        </div>
    </div>
  </div>
</body>
<script src="../script/api.js"></script>
<script src="../script/zepto.min.js"></script>
<script src="../script/alpenlicebe.js"></script>
<script>
    apiready = function () {
      header = $api.byId('header');
    		$api.fixIos7Bar(header);
   		headerOffset = $api.offset(header);

//    console.log(api.pageParam.weburl);
        api.openFrame({
            name: 'webView_Url',
            url: api.pageParam.weburl,
            rect: {
                x: 0,
                y: headerOffset.h,
                w: 'auto',
                h: 'auto'
            },
            bounces: false,
        scaleEnabled: 'true',
	     	reload: true,
            showProgress: 'true'
        });
    }
</script>
</html>
